Skip to content

fix: prevent rank change tooltip from overlapping sticky leaderboard header#278

Merged
jagdish-15 merged 2 commits into
codepvg:mainfrom
shineetejol9:fix/rank-tooltip-sticky-header
Jul 3, 2026
Merged

fix: prevent rank change tooltip from overlapping sticky leaderboard header#278
jagdish-15 merged 2 commits into
codepvg:mainfrom
shineetejol9:fix/rank-tooltip-sticky-header

Conversation

@shineetejol9

@shineetejol9 shineetejol9 commented Jul 2, 2026

Copy link
Copy Markdown
Contributor

Description

This PR fixes the rank change tooltip being partially hidden behind the sticky leaderboard header on narrower screen widths.

The tooltip position is adjusted for the affected top leaderboard rows, ensuring it remains fully visible while preserving the existing behavior for the remaining rows.

Linked Issue

Fixes #266

Changes Made

  • Prevented rank change tooltips from overlapping the sticky leaderboard header.
  • Adjusted tooltip positioning for the affected leaderboard rows.
  • Preserved the existing tooltip behavior for the rest of the leaderboard.

Type of Change

  • Bug fix
  • New feature
  • UI/Visual update
  • Documentation update
  • Refactor

Testing

  • Tested locally
  • Tested on mobile viewport (if applicable)
  • No console errors introduced

Checklist

  • My code follows the project's coding style
  • I have formatted my code locally by running npx prettier --write . before submitting
  • I am submitting my PR from a dedicated feature/* branch, not the main branch
  • I have performed a self-review of my code
  • My changes generate no new warnings or errors
  • I have updated documentation if required
  • I have linked the relevant issue

Screenshots / Screen Recording

image image

@github-actions

github-actions Bot commented Jul 2, 2026

Copy link
Copy Markdown
Contributor

Thank you for submitting a pull request.

Please ensure your changes comply with the project's contribution guidelines and that all workflow checks pass successfully.

Formatting and Branching

  • Please confirm you have formatted your code locally using npx prettier --write . before requesting a review.
  • Ensure this PR is made from a feature/* branch and not main.

Note: This project is currently maintained by a solo maintainer, so reviews and responses may sometimes take a little time. Thanks for your patience.

@jagdish-15
Enhance tooltip styles with hover effects
fc28d0c 
Added hover effects and z-index adjustments for tooltips.
@jagdish-15 jagdish-15 added type:bug Something isn't working level:beginner Indicates the difficulty gssoc:approved labels Jul 3, 2026
@jagdish-15 jagdish-15 merged commit 57d905f into codepvg:main Jul 3, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@codepvg codepvg codepvg approved these changes

Assignees

No one assigned

Labels

gssoc:approved level:beginner Indicates the difficulty type:bug Something isn't working

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Bug: Rank change tooltip renders underneath sticky leaderboard header

3 participants

@shineetejol9 @codepvg @jagdish-15